<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单新增input类型的应用</title>
		<script type="text/javascript" src="htm15.shiv.min,4.js"></script>
	</head>
	<body>
		<fieldset style="width: 500px;height: 200px;padding: 20px 50px;">
			<legend align="center">新增其他input类型</legend>
			<form action="" method="post">
				设置颜色：<input type="text" name="color1" id="color1" value="" readonly=""/>
				<input type="color" name="color2" oninput="color1. value=color2.value"/><br>
				输入邮箱：<input type="email" name="useremail" id="" value="" /><br>
				站内搜索：<input type="search" name="" id="" value="" /><br>
				电话号码：<input type="tel" name="" id="" value="" /><br>
				个人主页：<input type="url" name="" id="" value="" /><br>
				年龄：<input type="range" name="age" id="" value="" min="1" max="120" oninput="age_num.value=age.value"/><output name="age_num" for="age"></output><br>
				期望薪酬：<input type="number" name="" id="" value="2500" min="2500" max="100000" step="100"/><br>
				<input type="submit" name="" id="" value="提交" />
				<input type="reset" name="" id="" value="重置" />
			</form>
		</fieldset>
	</body>
</html>
